@charset "UTF-8";
@import "reset1.scss";

$wd:1365px;

#main{
    width: 100%;
//  height: 1000px;
    
    >.content{
    width: $wd;
    height: 1005px;
    margin: 0 auto;
    
       >.title{
           width: $wd;
           height: 59px;
           float: left;
           border-bottom: 1px solid #dfdfdf;
           
           >p{
               font-size: 13px;
               line-height: 59px;
               margin-left: 182px;
           }
       }
       
       >.left{
           width: 373px;
           height: 945px;
           float: left;
           border-right: 1px solid #dfdfdf;
           
           >.top{
               width: 100%;
               height: 183px;
               border-bottom: 1px solid #dfdfdf;
               float: left;
               
               >img{
                   margin: 15px 0 0 215px;
               }
               
               >p{
                   margin:12px 0 0 225px;
               }
           }
           
           >.bottom{
               width: 100%;
               height: 761px;
               float: left;
               font-size: 12px;
               
               >ul:first-child{
                   margin-top: 35px;
               }
               
               >ul{
                   margin: 0 0 7px 235px;
               }
               
               >ul li:first-child{
                   font-size:16px;
                   color: #444f58;
                   font-weight: bold;
               }
                   
               >ul li{
                   line-height: 30px;
                   
                   >a{
                       color: #878787;
                       
                       &:hover{
                           color: #eb413d;
                       }
                   }
               }
           }
           
       }
       
       >.right{
           width: 809px;
           height: 945px;
           float: left;
           
           >.bind{
               width: 770px;
               height: 340px;
               margin: 37px auto;
               
               >p{
                   font-size: 20px;
                   font-weight: bold;
               }
               
               >a{
                   display: inline-block;
                   width: 100px;
                   height: 30px;
                   border: 1px solid #99999a;
                   border-radius:5px;
                   text-align: center;
                   line-height:30px;
                   font-size: 13px;
                   color: #878787;
                   margin:22px 0;
               }
               
               >table{
                   width: 771px;
                   float: left;
                   border:#e1e1e1;
                   
                   >tbody{
                       text-align: center;
                       font-size: 13px;
                       
                       
                       
                       >tr:nth-child(2) td,>tr:nth-child(3) td{
                           vertical-align: top;
                           padding-top: 17px;
                       }
                       
                       >tr:first-child{
                           height: 60px;
                           background: #f7f7f7;
                           color: #a7a7a8;
                           border: 1px solid #e7e7e7;
                       }
                       
                       >tr td:nth-child(2){
                           width: 85px;
                           padding-left:30px ;
                       }
                       
                       
                       
                       >tr:nth-child(2),>tr:nth-child(3){
                           height: 88px;
                           border: 1px solid #e7e7e7;
                           line-height: 24px;
                       }
                       
                       >tr >td >a:hover{
                           color: #eb413d;
                       }
                      
                      >tr td:last-child{
                          padding: 0;
                          line-height:60px;
                          box-sizing: border-box;
                         
                      }
                      
                      >tr td:last-child a{
                          display: inline-block;
                          color: #f7b3b1;
                          width: 66px;
                          height: 22px;
                          line-height: 22px;
                          border:1px solid transparent;
                      }
                      
                      >tr td:last-child a:hover{
                         
                          width: 66px;
                          height: 22px;
                          color: #f7b3b1;
                          border: 1px solid #f7b3b1;
                          background: #fdeceb;
                      }
                      
                   }
               }
           }
       }
       
    }
}

